<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <title>商品页面</title>
    <style type="text/css">
    body{
        background-color: #ebfbee;
    }
    </style>
</head>

<body>
    <div class="container">
    <!-- /v1/laptops/upload -->
    <form action="#" method="POST" width="100%">
        <fieldset>
            <legend><h3>上传商品信息</h3></legend>
        商品编号：
        <input class="form-control" type="text" name="lid" id="lid" value=""><br>
        分组编号：
        <input class="form-control"  type="text" name="family_id" id="family_id" value=""><br>
        商品标题：
        <input class="form-control" id="title" name="title" value="" type="text"><br>
        商品介绍：
        <input class="form-control" id="subtitle" name="subtitle" value="" type="text"><br>
        商品价格：
        <input class="form-control" id="price" name="price" value="" type="text"><br>
        商家承诺：
        <input class="form-control" id="promise" name="promise" value="" type="text"><br>
        商品特点：
        <input class="form-control" id="spec" name="spec" value="" type="text"><br>
        商品名称：
        <input class="form-control" id="lname" id="lname" value="" type="text"><br>
        操作系统：
        <input class="form-control" id="os" name="os" value="" type="text"><br>
        电脑内存：
        <input class="form-control" id="memory" name="memory" value="" type="text"><br>
        分辨率：&emsp;
        <input class="form-control" id="resolution" name="resolution" value="" type="text"><br>
        显卡：&emsp;&emsp;
        <input class="form-control" id="video_card" name="video_card" value="" type="text"><br>
        处理器：&emsp;
        <input class="form-control" id="cpu" name="cpu" value="" type="text"><br>
        内存：&emsp;&emsp;
        <input class="form-control" id="video_memory" name="video_memory" type="text" value=""><br>
        类型：&emsp;&emsp;
        <input class="form-control" id="category" name="category" type="text" value=""><br>
        硬盘：&emsp;&emsp;
        <input class="form-control" id="disk" name="disk" value="" type="text"><br>
        细节：&emsp;&emsp;
        <input class="form-control" id="details" name="details" value="" type="text"><br>
        上架时间：
        <input class="form-control" id="shelf_time" name="shelf_time" value="" type="text"><br>
        已售：&emsp;&emsp;
        <input class="form-control" id="sold_count" name="sold_count" value="" type="text"><br>
        是否在售：
        <input class="form-control" id="is_onsale" name="is_onsale" type="text"><br>
        <input class="btn btn-primary" type="button" value="上传" onclick="uplaod()"><br>
        <h3>提示信息：</h3>
        <h3 id="msg" style="color: red;"></h3>
    </fieldset>
    </form>
    <hr>
    <table border="2px" bordercolor="#868e96" cellpadding="5px" cellspacing="0" width="100%">
        <thead>
            <tr>
                <td>商品编号</td>
                <td>分组编号</td>
                <td>商品标题</td>
                <td>商品介绍</td>
                <td>商品价格</td>
                <td>商家承诺</td>
                <td>商品特点</td>
                <td>商品名称</td>
                <td>操作系统</td>
                <td>电脑内存</td>
                <td>分辨率</td>
                <td>显卡</td>
                <td>处理器</td>
                <td>内存</td>
                <td>类型</td>
                <td>硬盘</td>
                <td>细节</td>
                <td>上架时间</td>
                <td>已售</td>
                <td>是否在售</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody id="laptopmsg"></tbody>
    </table>
    <input class="btn btn-primary" type="button" onclick="showLMsg()" value="获取商品信息">
    <input class="btn btn-primary" type="button" onclick="showLMsg()" value="展示商品">
</div>
    <script src="./js/laptop.js">
    </script>
</body>

</html>